데이터 b
하지만 내 코드에 대한 출력은 다음과 같습니다.
__________________________________________________________
데이터
데이터 b
결과를 기대하다
데이터
__________________________________________________________
데이터 b
추가 질문
몇 개의 테이블 행이 있지만 일부 행에는 수평선이 필요하지 않은 경우 다음과 같이 할 수 있습니다.
.styletr {border-bottom : 1px 단색 검정;}
그리고
?
2020-12-07 22:58:25
나는 당신이 테이블 내부에서 hr을 사용할 수 있다고 생각하지 않습니다 .css를 사용하는 것이 좋습니다.
<헤드>
<본체>
...
"YourCss.css"내부 :
tr {border-bottom : 1px 단색 검정; }
편집 : 그러나 이것은 마지막 행을 포함하여 모든 테이블 행의 맨 아래에 테두리를 두어 다음과 같은 마지막 행을 제외합니다.
tr : not (: last-child) {border-bottom : 1px 단색 검정; }
편집 2 : 어떤 행의 스타일을 더 잘 제어하려면 클래스를 사용해야합니다.
...
.seperator {border-bottom : 1px 단색 검정; }
|
가장 일반적인 방법은 CSS를 사용하여 다음과 같이 요소의 테두리 속성을 설정하는 것입니다.
tr {
border-bottom : 1px 단색 # 000;
}
코드의 경우 hr 요소를 사용하는 것이 의미가 없습니다.
|
은 더 이상 HTML5에서 두 html 섹션 사이의 물리적 구분자로 사용되지 않습니다 (참조). 대신 이제는 논리적 분리입니다. 대신 border를 사용할 수 있습니다.
|
테이블의 tr 태그 사이에 요소를 배치 할 수 없습니다. 브라우저는 렌더링 할 때 간단히 테이블 외부로 재배치합니다.
한 가지 옵션은 테이블 너비에 걸쳐 단일 셀이있는 자체 행에 넣는 것입니다.
<시간 />
(더 많은 열이 있으면 colspan을 사용하십시오)
<시간 />
또는 테이블에 실제로 열이 하나만있는 경우 HR 태그를 태그로 이동하여 셀 내부에 있도록합니다.
다른 답변에서 제안한 것처럼 HR 태그를 테이블 행의 하단 테두리로 대체하는 것도 고려할 수 있습니다 (그리고 권장합니다).
|
, 또는
를 제외한 모든 것을
요소의 직접 자식으로 넣는 것은 유효한 이 아닙니다.
대신 CSS를 추가해보세요.
tr {border-bottom : 1px 단색 검정; }
|
이 시도 :
<시간 />
이메일 콘텐츠 인 경우
|
너의 답
StackExchange.ifUsing ( "editor", function () {
StackExchange.using ( "externalEditor", function () {
StackExchange.using ( "snippets", function () {
StackExchange.snippets.init ();
});
});
}, "코드 스 니펫");
StackExchange.ready (function () {
var channelOptions = {
태그 : "".split ( ""),
id : "1"
};
initTagRenderer ( "". split ( ""), "".split ( ""), channelOptions);
StackExchange.using ( "externalEditor", function () {
// 스 니펫이 활성화 된 경우 스 니펫 후에 편집기를 실행해야합니다.
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using ( "snippets", function () {
createEditor ();
});
}
else {
createEditor ();
}
});
function createEditor () {
StackExchange.prepareEditor ({
useStacksEditor : false,
heartbeatType : '답변',
autoActivateHeartbeat : false,
convertImagesToLinks : true,
noModals : true,
showLowRepImageUploadWarning : true,
scoreToPostImages : 10,
bindNavPrevention : true,
접미사 : "",
imageUploader : {
brandingHtml : "Powered by \ u003ca href = \"https : //imgur.com/ \ "\ u003e \ u003csvg class = \"svg-icon \ "width = \"50 \ "height = \"18 \ "viewBox = \ "0 0 50 18 \"fill = \ "none \"xmlns = \ "http : //www.w3.org/2000/svg \"\ u003e \ u003cpath d = \ "M46.1709 9.17788C46.1709 8.26454 46.2665 7.94324 47.1084 7.58816C47.4091 7.46349 47.7169 7.36433 48.0099 7.26993C48.9099 6.97997 49.672 6.73443 49.672 5.93063C49.672 5.22043 48.9832 4.61182 48.1414 4.6931182C47.4335 4.61182 46.7256 4.52513.6307884.65959531 43.5251. 43.1481 6.59048V11.9512C43.1481 13.2535 43.6264 13.8962 44.6595 13.8962C45.6924 13.8962 46.1709 13.2535 46.1709 11.9512V9.17788Z \ "/ \ u003e \ u003cpath d = \"M32.492 10.1419C32.492 12.697954 34.104182 14.0484 37.0451 14.0484 41.5985 12.6954 41.5985 10.1419V6.59049C41.5985 5.28821 41.1394 4.66232 40.1061 4.66232C39.0732 4.66232 38.5948 5.28821 38.5948 6.59049V9.60062C38.5948 10.8521 38.2696 11.5455 37.0451 11.5455C35.8209 11.5455 35.4954 10.8 521 35.4954 9.60062V6.59049C35.4954 5.28821 35.0173 4.66232 34.0034 4.66232C32.9703 4.66232 32.492 5.28821 32.492 6.59049V10.1419Z \ "/ \ u003e \ u003cpath fill-rule = \"evenodd \ "clip-rule = \"evenodd \ "d = \ "M25.6622 17.6335C27.8049 17.6335 29.3739 16.9402 30.2537 15.6379C30.8468 14.7755 30.9615 13.5579 30.9615 11.9512V6.59049C30.9615 5.28821 30.4833 4.66231 29.4502 4.66231C28.9913 4.66231 4.66231C28.9913 4.66231 285.733.4555 4.9456023 28.1109 5.50756087 .1369 4.56087 21.0134 6.57349 21.0134 9.27932C21.0134 11.9852 23.003 13.913 25.3754 13.913C26.5612 13.913 27.4607 13.4902 28.1109 12.6616C28.1109 12.7229 28.1161 12.7799 28.121 12.8346C28.1256 12.8854 28.1301 12.9839342 15.1301 25. 15.2321 24.1352 14.9821 23.5661 14.7787C23.176 14.6393 22.8472 14.5218 22.5437 14.5218C21.7977 14.5218 21.2429 15.0123 21.2429 15.6887C21.2429 16.7375 22.9072 17.6335 25.6622 17.628335ZM24.1317 9.27932C24.1317 7.94324 7.0932C24.1317 7.94324 27.2119 7.09766 28.0918 7.94324 28.0918 9.27932C28.0918 10.6321 27.2311 11.511626.1024 11.5116 24.1317 10.6491 11.5116C24.9737 24.1317 9.27932Z \ "/ \ u003E 페이지 \ u003cpath D = \"M16.8045 11.9512C16.8045 13.2535 17.2637 13.8962 18.2965 13.2566 13.8962C19.3298 13.828V 11.802879 19.808. .0006. 6.51203 13.8962C7.54479 13.8962 8.0232 13.2535 8.0232 11.9512V8.90741C8.0232 7. 9157 7.58817 14.3365 6.91179 15.4269 6.91179C16.4027 6.91179 16.8045 7.58817 16.8045 8.94108V11.9512Z / \ u003e \ u003cpath d = M3.31675 6.59049C3.31675 5.28821 2.83866 4.66232 1.82471 4.66232C0 .791758 4.66232 0.313354 5.28821 0.313354 6.59049V11.9512C0.313354 13.2535 0.791758 13.8962 1.82471 13.8962C2.85798 13.8962 3.31675 13.2535 3.31675 11.9512V6.59049Z \ "/ u003e \ u003.82012001. 1.98861C0 2.87869 0.822846 3.57676 1.87209 3.57676C2.90056 3.57676 3.7234 2.87869 3.7234 1.98861C3.7234 1.1159 2.90056 0.400291 1.87209 0.400291Z \ "채우기 = \"#의 1BB76E \ "/ \ u003E 페이지 \ u003c / s의 ,
contentPolicyHtml :“\ u003ca href =”https : //stackoverflow.com/help/licensing“\ u003ecc by-sa \ u003c / a \ u003e \ u003ca href =”https://stackoverflow.com / 법률 / 콘텐츠 정책 \ "\ u003E 페이지 (콘텐츠 정책) \ u003c / A \ u003E 페이지"
allowUrls : true
},
온 디맨드 : 사실,
폐기 선택기 : ".discard-answer"
, immediatelyShowMarkdownHelp : 사실, enableSnippets : 사실
});
}
});
Stack Overflow에 대한 답변에 기여해 주셔서 감사합니다!
질문에 대답하시기 바랍니다. 세부 정보를 제공하고 연구를 공유하십시오!
하지만 피하세요 ...
도움, 설명을 요청하거나 다른 답변에 응답합니다.
의견을 기반으로하는 진술 행위; 참조 또는 개인 경험을 백업합니다.
자세한 내용은 훌륭한 답변 작성에 대한 팁을 참조하십시오.
초안이 저장되었습니다.
초안이 삭제되었습니다.
가입 또는 로그인
StackExchange.ready (함수 () {
StackExchange.helpers.onClickDraftSave ( '# 로그인 링크');
});
Google을 사용하여 가입
Facebook을 사용하여 가입
이메일 및 비밀번호를 사용하여 가입
제출
게스트로 게시
이름
이메일
필수이지만 표시되지 않음
StackExchange.ready (
함수 () {
StackExchange.openid.initPostLogin ( '. 새 로그인 후', 'https % 3a % 2f % 2fstackoverflow.com % 2fquestions % 2f21083796 % 2fdrawing-a-horizontal-line-using-hr-html % 23new-answer', ' question_page ');
}
);
게스트로 게시
이름
이메일
필수,하지만 결코 표시
답변 게시
포기
"포스트 답변 '버튼을 클릭하면 서비스, 개인 정보 보호 정책 및 쿠키 정책의 약관에 동의
찾고있는 답변이 아닙니까? html css 태그가 붙은 다른 질문을 찾아 보거나 직접 질문하십시오.